
<div class="public-nav flex-sb">
    <div class="logo" title="小米官网">
        <a class="logo-icon"></a>
    </div>
    <div class="public-nav-list">
        <a class="nav-item nav-item-all">
            全部商品分类
        </a>
        <a class="nav-item nav-item-menu" data-index="1">小米手机</a>
        <a class="nav-item nav-item-menu" data-index="2">Redmi红米</a>
        <a class="nav-item nav-item-menu" data-index="3">电视</a>
        <a class="nav-item nav-item-menu" data-index="4">笔记本</a>
        <a class="nav-item nav-item-menu" data-index="5">家电</a>
        <a class="nav-item nav-item-menu" data-index="6">路由器</a>
        <a class="nav-item nav-item-menu" data-index="7">智能硬件</a>
        <a class="nav-item">服务</a>
        <a class="nav-item">社区</a>

        <div class="public-nav-content">
            <div class="wrapper public-nav-content-wrapper">
                <div class="item">
                    <div class="img-wrapper">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b11742a0be47f9d97bb6a13ea580018d.png?thumb=1&w=200&h=138&f=webp&q=90" title="小米10">
                    </div>
                    <p class="title">小米10至尊纪念版</p>
                    <p class="price">5299元起</p>
                </div>
                <div class="vertical-line"></div>
                <div class="item">
                    <div class="img-wrapper">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b11742a0be47f9d97bb6a13ea580018d.png?thumb=1&w=200&h=138&f=webp&q=90" title="小米10">
                    </div>
                    <p class="title">小米10至尊纪念版</p>
                    <p class="price">5299元起</p>
                </div>
                <div class="vertical-line"></div>
                <div class="item">
                    <div class="img-wrapper">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b11742a0be47f9d97bb6a13ea580018d.png?thumb=1&w=200&h=138&f=webp&q=90" title="小米10">
                    </div>
                    <p class="title">小米10至尊纪念版</p>
                    <p class="price">5299元起</p>
                </div>
                <div class="vertical-line"></div>
                <div class="item">
                    <div class="img-wrapper">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b11742a0be47f9d97bb6a13ea580018d.png?thumb=1&w=200&h=138&f=webp&q=90" title="小米10">
                    </div>
                    <p class="title">小米10至尊纪念版</p>
                    <p class="price">5299元起</p>
                </div>
                <div class="vertical-line"></div>
                <div class="item">
                    <div class="img-wrapper">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b11742a0be47f9d97bb6a13ea580018d.png?thumb=1&w=200&h=138&f=webp&q=90" title="小米10">
                    </div>
                    <p class="title">小米10至尊纪念版</p>
                    <p class="price">5299元起</p>
                </div>
            </div>

            <div class="wrapper public-nav-content-wrapper">
                <div class="item">
                    <div class="img-wrapper">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/31d0dc82068abcaa46464b4baa9fbbdf.jpg?thumb=1&w=200&h=138&f=webp&q=90" title="小米10">
                    </div>
                    <p class="title">Redmi K30 至尊纪念版</p>
                    <p class="price">1999元起</p>
                </div>
                <div class="vertical-line"></div>
                <div class="item">
                    <div class="img-wrapper">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b11742a0be47f9d97bb6a13ea580018d.png?thumb=1&w=200&h=138&f=webp&q=90" title="小米10">
                    </div>
                    <p class="title">小米10至尊纪念版</p>
                    <p class="price">5299元起</p>
                </div>
                <div class="vertical-line"></div>
                <div class="item">
                    <div class="img-wrapper">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b11742a0be47f9d97bb6a13ea580018d.png?thumb=1&w=200&h=138&f=webp&q=90" title="小米10">
                    </div>
                    <p class="title">小米10至尊纪念版</p>
                    <p class="price">5299元起</p>
                </div>
                <div class="vertical-line"></div>
                <div class="item">
                    <div class="img-wrapper">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b11742a0be47f9d97bb6a13ea580018d.png?thumb=1&w=200&h=138&f=webp&q=90" title="小米10">
                    </div>
                    <p class="title">小米10至尊纪念版</p>
                    <p class="price">5299元起</p>
                </div>
                <div class="vertical-line"></div>
                <div class="item">
                    <div class="img-wrapper">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b11742a0be47f9d97bb6a13ea580018d.png?thumb=1&w=200&h=138&f=webp&q=90" title="小米10">
                    </div>
                    <p class="title">小米10至尊纪念版</p>
                    <p class="price">5299元起</p>
                </div>
            </div>
        </div>
    </div>
    <div class="nav-search">
        <input type="text" class="my-input" placeholder="家电">
        <span class="search-icon">
            <span class="iconfont">&#xe60c;</span>
        </span>
    </div>
</div>
